<template>
	<view class="content">
		<view class="loading">
			<view class="logo">

			</view>
			<view class="step1"></view>
			<view class="a1" @click="go(1)"></view>
			<view class="step2"></view>
			<view class="a2" @click="go(2)"></view>
			<view class="guize1">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			go(index) {
				if (index == 1) {
					uni.navigateTo({
						url: '../login/login'
					})
				} else {
					uni.navigateTo({
						url: '../zan/zan'
					})
				}
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: url('@/static/wangge.png') repeat-y center center;
		background-size: 100% auto;
		height: 1624rpx;
		background-attachment: fixed;
		// overflow-y: scroll;
	}



	.loading {
		width: 100%;
		height: 100%;
		background: url('@/static/kuang.png') no-repeat center center;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		// margin-top: 136rpx;
	}

	.logo {
		width: 666rpx;
		height: 46rpx;
		background: url('@/static/logo.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 60rpx;
	}

	.a1 {
		width: 458rpx;
		height: 110rpx;
		background: url('@/static/a1.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 36rpx;
	}

	.a2 {
		width: 458rpx;
		height: 110rpx;
		background: url('@/static/a2.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 36rpx;
	}

	.guize1 {
		width: 456rpx;
		height: 366rpx;
		background: url('@/static/guize1.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 120rpx;
	}

	.step1 {
		width: 282rpx;
		height: 80rpx;
		background: url('@/static/step1.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 150rpx;
	}

	.step2 {
		width: 282rpx;
		height: 80rpx;
		background: url('@/static/step2.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 28rpx;
	}
</style>
